<script setup>
import NavLink from "@/components/NavLink.vue";
import UserManageTable from "@/components/user/UserManageTable.vue";
</script>

<template>
  <div id="settings" class="presentation">
    <section>
      <NavLink anchor="user">
        <h1 class="headline-small">用户</h1>
      </NavLink>
      <UserManageTable id="user-manage-table"></UserManageTable>
    </section>
  </div>
</template>

<style scoped>
#settings {
  padding: 2rem;
}

section {
  margin-bottom: 1rem;
}

section .nav-link {
  margin-bottom: 1rem;
}

#user-manage-table {
  width: 100%;
}
</style>